<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>数据采集任务管理系统</title>
<meta name="author" content="DeathGhost" />
<link rel="stylesheet" type="text/css" href="/static/css/style.css" />
<!--[if lt IE 9]>
<script src="/static/js/html5.js"></script>
<![endif]-->
<script src="/static/js/jquery.js"></script>
<script src="/static/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
	(function($){
		$(window).load(function(){
			
			$("a[rel='load-content']").click(function(e){
				e.preventDefault();
				var url=$(this).attr("href");
				$.get(url,function(data){
					$(".content .mCSB_container").append(data); //load new content inside .mCSB_container
					//scroll-to appended content 
					$(".content").mCustomScrollbar("scrollTo","h2:last");
				});
			});
			
			$(".content").delegate("a[href='top']","click",function(e){
				e.preventDefault();
				$(".content").mCustomScrollbar("scrollTo",$(this).attr("href"));
			});
			
		});
	})(jQuery);
</script>
</head>
<body>
<!--header-->
<header>
 <h1><img src="/static/images/admin_logo.png"/></h1>
 <ul class="rt_nav">
  <li><a href="/" target="_blank" class="website_icon">站点首页</a></li>
  <li><a href="/" class="admin_icon">DeathGhost</a></li>
  <li><a href="/" class="set_icon">账号设置</a></li>
  <li><a href="/account/logout" class="quit_icon">安全退出</a></li>
 </ul>
</header>

<!--aside nav-->
<aside class="lt_aside_nav content mCustomScrollbar">
 <h2><a href="/">起始页</a></h2>
 <ul>
  <li>
   <dl>
    <dt>任务管理</dt>
    <!--当前链接则添加class:active-->
    <dd><a href="/douyin/task">任务列表</a></dd>
    <dd><a href="/douyin/data_page/1" class="active">数据列表</a></dd>
   </dl>
  </li>
 </ul>
</aside>

<section class="rt_wrap content mCustomScrollbar">
 <div class="rt_content">
     <!--开始：以下内容则可删除，仅为素材引用参考-->
     <h1 style="color:red;font-size:20px;font-weight:bold;text-align:center;">数据列表</h1>
     <table class="table">
        <thead>
            <tr>
                <th>直播间id</th>
                <th>加密uid</th>
                <th>昵称</th>
                <th>触发关键词</th>
                <th>消息内容</th>
                <th>AI评价</th>
            </tr>
        </thead>
        <tbody>
            {% for row in live_data_list %}
            <tr>
                <td><div>{{ row.room_id }}</div></td>
                <td><div>{{ row.user_id }}</div></td>
                <td><div>{{ row.nickName }}</div></td>
                <td><div>{{ row.keyword }}</div></td>
                <td><div class="cut_title ellipsis">{{ row.message }}</div></td>
                <td><div>{{ row.ai_evaluation }}</div></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <aside class="paging">
        {% if page > 1 %}
            <a href="/douyin/data_page/1">第一页</a>
            <a href="/douyin/data_page/{{ page - 1 }}">{{ page - 1 }}</a>
        {% endif %}
        <a class="active">{{ page }}</a>
        {% if page < total_pages %}
            <a href="/douyin/data_page/{{ page + 1 }}">{{ page + 1 }}</a>
            <a href="/douyin/data_page/{{ total_pages }}">最后一页</a>
        {% endif %}
    </aside>
 </div>
</section>
</body>
</html>
